<!doctype HTML public "-//W3C//DTD HTML 4.0 Frameset//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="generator" content="Adobe RoboHelp - www.adobe.com">
<title>Defining a Weighted List Viewer widget</title>
<link rel="stylesheet" href="default_ns.css"><script type="text/javascript" language="JavaScript" title="WebHelpSplitCss">
<!--
if (navigator.appName !="Netscape")
{   document.write("<link rel='stylesheet' href='default.css'>");}
//-->
</script>
<style type="text/css">
<!--
h1.whs1 { font-size:11pt; }
p.whs2 { font-size:9pt; }
img_whs3 { border:none; width:496px; height:336px; border-style:none; }
p.whs4 { margin-top:3pt; margin-bottom:3pt; }
ul.whs5 { list-style:disc; }
p.whs6 { font-size:10pt; }
p.whs7 { font-weight:bold; font-size:10pt; }
ol.whs8 { list-style:decimal; }
p.whs9 { font-size:9pt; margin-top:6px; margin-bottom:6px; }
p.whs10 { margin-top:6px; margin-bottom:6px; font-size:9pt; }
p.whs11 { font-size:9pt; margin-top:6px; margin-bottom:6px; font-weight:bold; }
ul.whs12 { list-style:square; }
p.whs13 { margin-top:6px; margin-bottom:6px; margin-left:24px; }
p.whs14 { font-size:9pt; margin-top:6px; margin-bottom:6px; margin-left:0px; }
-->
</style><script type="text/javascript" language="JavaScript">
<!--
if ((navigator.appName == "Netscape") && (parseInt(navigator.appVersion) == 4))
{
  var strNSS = "<style type='text/css'>";
  strNSS += "p.whs14 {margin-left:1pt; }";
  strNSS +="</style>";
  document.write(strNSS);
}
//-->
</script>
<script type="text/javascript" language="JavaScript" title="WebHelpInlineScript">
<!--
function reDo() {
  if (innerWidth != origWidth || innerHeight != origHeight)
     location.reload();
}
if ((parseInt(navigator.appVersion) == 4) && (navigator.appName == "Netscape")) {
	origWidth = innerWidth;
	origHeight = innerHeight;
	onresize = reDo;
}
onerror = null; 
//-->
</script>
<style type="text/css">
<!--
div.WebHelpPopupMenu { position:absolute; left:0px; top:0px; z-index:4; visibility:hidden; }
-->
</style><script type="text/javascript" language="javascript1.2" src="whmsg.js"></script>
<script type="text/javascript" language="javascript" src="whver.js"></script>
<script type="text/javascript" language="javascript1.2" src="whproxy.js"></script>
<script type="text/javascript" language="javascript1.2" src="whutils.js"></script>
<script type="text/javascript" language="javascript1.2" src="whlang.js"></script>
<script type="text/javascript" language="javascript1.2" src="whtopic.js"></script>
</head>
<body><script type="text/javascript" language="javascript1.2">
<!--
if (window.gbWhTopic)
{
	if (window.addTocInfo)
	{
	addTocInfo("Creating and modifying documents and dashboards\nProviding Flash-based analysis and interactivity: Widgets\nCreating a Weighted List Viewer widget");
addButton("show",BTN_TEXT,"Show","","","","",0,0,"","","");

	}
	if (window.writeBtnStyle)
		writeBtnStyle();

	if (window.writeIntopicBar)
		writeIntopicBar(1);

	if(1)
	{
	
	}

	if (window.setRelStartPage)
	{
	setRelStartPage("MicroStrategy_Web_Help.htm");

		autoSync(1);
		sendSyncInfo();
		sendAveInfoOut();
	}
}
else
	if (window.gbIE4)
		document.location.reload();

//-->
</script>
<h1 class="whs1">Creating a Weighted List Viewer widget</h1>
<p class="whs2">The Weighted List Viewer widget combines the 
 data visualization techniques of thresholds and graphical weighting into 
 a single visualization. This enables the analyst to assess the performance 
 of a group of items. </p>
<p class="whs2">&nbsp;</p>
<p class="whs2">Thresholds in the widget highlight rows based 
 on the value of the first metric on the Grid/Graph. Specifically, rows 
 are highlighted according to the range of values from the first metric 
 in the Grid/Graph&rsquo;s columns. The rows are also ordered automatically 
 so that metrics that are performing well are at the top and metrics that 
 are performing poorly are at the bottom. A stacked bar chart is included 
 next to the grid; it indicates the relative contribution, or weight, of 
 each row.</p>
<p class="whs2">&nbsp;</p>
<p class="whs2"><img src="images/defining_weighted_list_viewer_widget.gif" width="496px" height="336px" border="0" class="img_whs3"></p>
<p class="whs2">&nbsp;</p>
<p class="whs4"><span style="font-size: 9pt;"><font size=1 style="font-size:9pt;">In 
 summary, the Weighted List Viewer widget has the following characteristics: 
 </font></span></p>
<ul type="disc" class="whs5">
	
<li class=p><p class="whs4">A grid 
 that provides attribute and metric values with threshold colors applied 
 to the values from top to bottom. The color bands on the grid reflect 
 the range of values of the first metric on the Grid/Graph. </p></li>
	<ul type="disc" class="whs5">
		
<li class=p><p class="whs4">In 
 the example above, the top row is green and represents the maximum value 
 of the Order Count metric. The second row is a darker shade of green and 
 the next two rows are black, denoting neutral metric values. This light-to-dark 
 color gradient is automatically generated by the widget. The remaining 
 rows are red and represent the minimum range of values of the Order Count 
 metric. </p></li>
		
<li class=p><p class="whs4">You 
 can specify whether to divide the metric values into two or three threshold 
 color bands. (For the steps, see the MicroStrategy Web online help.)</p></li>
	</ul>
	
<li class=p><p class="whs4">A stacked 
 contribution bar graph on the left that depicts the relative contribution 
 or percent-to-total calculation of a metric. This bar reflects the values 
 of the second metric on the Grid/Graph.</p></li>
	
<li class=p><p class="whs4">Specific 
 colors are used to depict good, neutral, and poor performance: </p></li>
	<ul type="disc" class="whs5">
		
<li class=p><p class="whs4">Green 
 indicates good performance</p></li>
		
<li class=p><p class="whs4">Black 
 indicates neutral performance</p></li>
		
<li class=p><p class="whs4">Red 
 indicates poor performance</p></li>
	</ul>
</ul>
<p class="whs4">You can change these color 
 settings, as described in the MicroStrategy Web online help. </p>
<p class="whs6">&nbsp;</p>
<p class="whs7">To create and add a &nbsp;Weighted 
 List Viewer widget to a document</p>
<ol type="1" class="whs8">
	
<li style=" font-size: 9pt; " class=p><p class="whs9">Open 
 the document in <span style="font-weight: bold;"><B>Design</B></span> or <span 
 style="font-weight: bold;"><B>Editable Mode</B></span>. </p></li>
	
<li style=" font-size: 9pt; " class=p><p class="whs10">From 
 the <span style="font-weight: bold;"><B>Insert</B></span> menu, point to <span 
 style="font-weight: bold;"><B>Widgets</B></span>, and then select <span style="font-weight: bold;"><B>Weighted 
 List Viewer</B></span>. </p></li>
</ol>
<ol start="3" type="1" class="whs8">
	
<li style=" font-size: 9pt; " class=p><p class="whs9">Click 
 the location on your document, other than in the Detail section, in which 
 to place the widget. The Grid/Graph that contains the widget, which is 
 similar to a standard grid container, is displayed. A small icon is displayed 
 at the bottom right of the Grid/Graph, identifying the type of widget 
 you added to the document.</p></li>
</ol>
<ol start="4" type="1" class="whs8">
	
<li style=" font-size: 9pt; " class=p><p class="whs9">If 
 desired, resize the widget by clicking and dragging its handles.</p></li>
</ol>
<p class="whs9">&nbsp;</p>
<p class="whs11">Add 
 objects to the Grid/Graph</p>
<ol start="5" type="1" class="whs8">
	
<li style=" font-size: 9pt; " class=p><p class="whs9">From 
 the Dataset Objects panel on the left, select attributes and metrics, 
 and drag them on top of the widget, as described below.</p></li>
	<ul type="disc" class="whs5">
		
<li class=p><p class="whs9">Place 
 at least <span style="font-weight: bold;"><B>one attribute</B></span> on the 
 Grid/Graph's rows. The attribute&rsquo;s elements are displayed in the 
 grid rows of the widget. For example, if you place the Region attribute 
 on the rows, each region is listed in the grid in the widget, with corresponding 
 metric values on the right and a contribution chart on the left.</p></li>
		
<li class=p><p class="whs9">Place 
 <span style="font-weight: bold;"><B>two metrics</B></span> on the Grid/Graph's 
 columns. The metric data and corresponding colors displayed in the widget 
 reflect the performance of different elements.</p></li>
		<ul type="square" class="whs12">
			
<li class=p><p class="whs9">The 
 first metric on the columns is the threshold metric. This metric is used 
 to set the color of the rows. These colors are displayed in the grid on 
 the right side of the widget.</p></li>
			
<li class=p><p class="whs9">The 
 second metric on the columns is the weighting metric that determines the 
 percent-to-total value for each business attribute. It is used to set 
 the relative size of each section of the contribution chart on the left 
 side of the widget.</p></li>
			
<li class=p><p class="whs9">Additional 
 metrics are displayed in the grid, but do not have any effect on the threshold 
 colors or contribution chart on the left side of the widget.</p></li>
		</ul>
	</ul>
</ol>
<p class="whs9">&nbsp;</p>
<p class="whs11"><span><font size=1 style="font-size:9pt;"><B><span 
 style="font-size: 9pt; font-weight: bold;"><font size=1 style="font-size:9pt;"><B>Enable the widget to be displayed 
 in Flash Mode</B></font></span></B></font></span></p>
<ol start="6" type="1" class="whs8">
	
<li style="margin-left: -20px;" class=p><p class="whs13">From 
 the Tools menu, select <span style="font-weight: bold;"><B>Document Properties</B></span>. 
 The Properties dialog box opens. Select the <span style="font-weight: bold;"><B>Flash</B></span> 
 check box under Run Modes. For more information about Flash mode, see 
 
<a href="Flash_Mode.htm">Viewing documents in Flash Mode</a>. </p></li>
</ol>
<p class="whs14">&nbsp;</p>
<p class="whs14"><span 
 style="font-weight: bold;"><B>Related topics</B></span></p>
<ul type="disc" class="whs5">
	
<li class=p><p class="whs14">
<a 
 href="Formatting_a_Weighted_List_Viewer_widget.htm">Formatting a Weighted 
 List Viewer widget</a></p></li>
	
<li class=p><p class="whs14">
<a 
 href="Analyzing_data_in_a_Weighted_List_Viewer_widget.htm">Analyzing data 
 in a Weighted List Viewer widget</a></p></li>
	
<li class=p><p class="whs14">
<a 
 href="Using_a_Weighted_List_Viewer_widget_as_a_selector.htm">About using 
 a Weighted List Viewer widget as a selector</a></p></li>
	
<li class=p><p class="whs14">
<a 
 href="Flash_Mode.htm">Working with documents in Flash Mode</a></p></li>
</ul>
<script type="text/javascript" language="javascript1.2">
<!--
highlightSearch();
if (window.writeIntopicBar)
	writeIntopicBar(0);
if(0)
{

}
//-->
</script>
</body>
</html>
